<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DT测试</title>
<script src="jQuery-2.1.4.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.dataTables.min.css">
</head>
<body>

<div id="app">
  <table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn.</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
    </table>
</div>

<script>

var data=[
    [
      "Tiger Nixon",
      "System Architect",
      "Edinburgh",
      "5421",
      "2011/04/25",
      "$320,800"
    ],
    [
      "Garrett Winters",
      "Accountant",
      "Tokyo",
      "8422",
      "2011/07/25",
      "$170,750"
    ],
    [
      "Donna Snider",
      "Customer Support",
      "New York",
      "4226",
      "2011/01/25",
      "$112,000"
    ]
  ]


columnName=
[
"名字",
"职位",
"办公室",
"工号",
"开始时间",
"工资",
]


$(document).ready(function() {
$('#example').DataTable( {
      "data":data,
      "cols":columnName,
} );
} );

</script>
</body>
</html>